.mobile_view {
  width: 100%;
  height: 100%;
}

.mobile_view .header {
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  top: 0px;
  left: 50%;
  width: 9.2rem;
  height: 1.32rem;
  transform: translateX(-50%);
  border-bottom: 0.04rem solid #ffffff;
  font-size: 0.37333rem;
  font-family: Source Han Sans CN;
  font-weight: 600;
  color: #00002c;
  background-color: #F7F8FE;
  z-index: 99;
}

.mobile_view .logo {
  position: absolute;
  left: 50%;
  width: 0.48rem;
  height: 0.48rem;
  transform: translateX(-50%);
}

.mobile_view .main {
  position: absolute;
  left: 50%;
  bottom: 28%;
  width: 8.94667rem;
  height: 4.32rem;
  transform: translateX(-50%);
}

.mobile_view .main_son {
  position: absolute;
  bottom: -19%;
  width: 2.98667rem;
  height: 2.98667rem;
  left: 50%;
  transform: translateX(-50%);
}

.mobile_view .feature_text {
  position: absolute;
  width: 100%;
  top: 13%;
  text-align: center;
  color: #00002c;
  line-height: 1.2rem;
}

.mobile_view .feature_text .top {
  font-size: 0.90667rem;
  font-family: Source Han Sans CN;
  font-weight: 600;
}

.mobile_view .feature_text .bottom {
  font-size: 0.37333rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
}

.mobile_view .descs {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 3.50667rem;
  height: 6.21333rem;
}

.mobile_view .cellphone {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  width: 6.82667rem;
  height: 8.73333rem;
}

.mobile_view .popups {
  position: absolute;
  bottom: 0px;
  right: 0.58667rem;
  width: 1.98667rem;
  height: 1.68rem;
}

.mobile_view .newss {
  position: absolute;
  top: -0.4rem;
  left: 1rem;
  width: 1.18667rem;
  height: 1.09333rem;
}

.mobile_view .camera {
  position: absolute;
  bottom: 0.8rem;
  right: 0.46667rem;
  width: 1.98667rem;
  height: 1.76rem;
}

.mobile_view .airplant {
  position: absolute;
  bottom: 0px;
  right: 1.2rem;
  width: 1.94667rem;
  height: 1.78667rem;
}

.mobile_view .footer_text {
  position: absolute;
  bottom: 37%;
  left: 50%;
  line-height: 0.4rem;
  transform: translateX(-50%);
  text-align: center;
  font-size: 0.29333rem;
  font-family: Source Han Sans CN;
  font-weight: 600;
  color: #000000;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 0.53333rem;
}

.mobile_view .police_logo {
  position: relative;
  top: 0.04667rem;
  display: inline-block;
  width: 0.24rem;
  height: 0.26667rem;
}

.mobile_view .logos {
  position: absolute;
  top: 34%;
  left: 50%;
  width: 2.0rem;
  height: 2.0rem;
  transform: translateX(-50%);
}

.mobile_view .footer_texts {
  position: absolute;
  width: 100%;
  bottom: 22%;
  text-align: center;
  font-size: 0.29333rem;
  font-weight: 500;
}

.mobile_view .footer_texts a {
  color: #000000;
}

.mobile_view .swiper-pagination-bullet {
  width: 0.13333rem;
  height: 0.13333rem;
  border-radius: 50%;
}

.download {
  position: fixed;
  bottom: 7%;
  left: 13%;
  width: 7.38667rem;
  height: 1.49333rem;
  background: #ffffff;
  border: 0.04rem solid #ffffff;
  box-shadow: 0px 0px 0.4rem 0px rgba(220, 220, 243, 0.3);
  border-radius: 0.74667rem;
  line-height: 1.49333rem;
  z-index: 99;
  font-size: 0.53333rem;
  font-family: Medium;
  font-weight: bold;
  color: #00002c;
  text-align: center;
  text-decoration: none;
}

.mobile_view .swiper-container .swiper-slide:nth-child(1) {
  width: 100%;
  height: 100%;
  background: url("../img/mobile/1/bg1.png") no-repeat !important;
  background-size: 100% 100% !important;
}

.mobile_view .swiper-container .swiper-slide:nth-child(2) {
  width: 100%;
  height: 100%;
  background: url("../img/mobile/2/bg2.png") no-repeat !important;
  background-size: 100% 100% !important;
}

.mobile_view .swiper-container .swiper-slide:nth-child(3) {
  width: 100%;
  height: 100%;
  background: url("../img/mobile/3/bg3.png") no-repeat !important;
  background-size: 100% 100% !important;
}

.mobile_view .swiper-container .swiper-slide:nth-child(4) {
  width: 100%;
  height: 100%;
  background: url("../img/mobile/3/bg3.png") no-repeat !important;
  background-size: 100% 100% !important;
}

.mobile_view .desc {
  position: absolute;
  top: 13%;
  left: 3%;
  color: #000000;
  font-weight: 600;
  line-height: 1.73333rem;
}

.mobile_view .desc .top1 {
  font-size: 0.90667rem;
  font-family: Source Han Sans CN;
}

.mobile_view .desc .top2 {
  position: relative;
  top: 0.26667rem;
  font-size: 0.90667rem;
  font-family: Source Han Sans CN;
  padding-left: 0.74667rem;
}

.mobile_view .desc .top3 {
  font-size: 0.37333rem;
  font-family: Source Han Sans CN;
  padding-left: 0.74667rem;
}

#jump_room {
  animation: jittery 4s infinite;
}

#jump_room:hover {
  animation: heartbeat 0.2s infinite;
}

@keyframes heartbeatS {
  0% {
    transform: scale(0.75);
  }
  20% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.75);
  }
  60% {
    transform: scale(1);
  }
  80% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(0.75);
  }
}

@keyframes jittery {
  5%,
  50% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  15% {
    transform: scale(1.15);
  }
  20% {
    transform: scale(1.15) rotate(-5deg);
  }
  25% {
    transform: scale(1.15) rotate(5deg);
  }
  30% {
    transform: scale(1.15) rotate(-3deg);
  }
  35% {
    transform: scale(1.15) rotate(2deg);
  }
  40% {
    transform: scale(1.15) rotate(0);
  }
}

@keyframes heartbeat {
  50% {
    transform: scale(1.1);
  }
}

/* 这个是设置《新工程》的手机布局的，不然字体太大了 */
.mobile_view .buju {
  font-size: 0.37333rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  }